<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 导入header.html -->
    {% include '/aaa_example/mu_ban/mu_include.html' %}
    <!-- 控制流程 -->
    {% for mu_ban in mu_bans %}
    <p>{{mu_ban}}</p>
    {% endfor %}

    {% if age < 18 %} 
        <p>还未成年,不能进网吧上网</p>
    {% elif age == 18 %}
        <p>刚刚成年，先去庆祝一下吧，再去上网</p>
    {% else %}
        <p>已经成年了，可以去网吧上网了</p>
    {% endif %}

    <!-- 定义接口，给这个接口取一个名字叫 content-->
    {% block content %}
        <p style="background: red">这是父模板中的代码</p>
    {% endblock %}

    <!-- 宏 -->
    <h1>人员信息：</h1>
    {% macro input(name, value='', type='text', size=20, placeholder="在这里输入内容") -%}
        <input type="{{ type }}" name="{{ name }}" value="{{ value|e }}" size="{{ size }}" placeholder="{{ placeholder }}">
    {% endmacro %}

    <div class="info">
        <p>用户：{{ input('username') }}</p>
        <p>密码：{{ input('password', type='password') }}</p>
        <p>登录：{{ input(type='submit',   value="登录") }}</p>
    </div>

    <!-- set 与 with 都能在模板中设置变量，前者为全作用域，后者为本标签作用域 -->
    {% set massage="人员信息修改：" %}
    <p1>{{ massage }}</p1>
    {% with warning="注意保管系统管理员密保卡内容！" %}
    <p1>{{ warning }}</p1>
    {% endwith %}
</body>
</html>